<template>
  <div class="content-div">
    <div class="bread" :class="{ collapse: $store.state.app.isCollapsed === 'true' }">
      <router-link :to="{ path: 'dashboard' }">
        <el-link type="primary">消费信息</el-link>
      </router-link>
      /
      详情
    </div>
    <div class="info-wrapper">
      <p class="info-title clearfix">
        消费编号: 202010042210001
      </p>
      <div class="info-content">
        <div class="info-box">
          <p class="sub-title">消费对象信息</p>
          <el-form class="mt10" :model="basicInfo" label-position="right" label-width="110px">
            <el-form-item label="消费对象编号:">
              CO228989819832
            </el-form-item>
            <el-form-item label="消费对象名称:">
              张三
            </el-form-item>
            <el-form-item label="消费日期:">
              2020-10-04 10:00:09
            </el-form-item>
          </el-form>
        </div>
        <div class="info-box mt20">
          <p class="sub-title">消费反馈</p>
          <el-form class="mt10" :model="basicInfo" label-position="right" label-width="110px">
            <el-form-item label="星级评价:">
              <el-rate class="mt10" v-model="rate" disabled></el-rate>
            </el-form-item>
            <el-form-item label="反馈信息:">
              整体不错,个别死亡
            </el-form-item>
            <el-form-item label="图片信息:">
              <img src="https://iph.href.lu/240x300?text=%E7%85%A7%E7%89%87&fg=fff2cc&bg=bcbcbc" alt="">
            </el-form-item>
          </el-form>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      basicInfo: {},
      dialogVisible: false,
      dialogVisible2: false,
      dialogVisible3: false,
      dialogImageUrl: '',
      dialogImageUrl2: '',
      dialogImageUrl3: '',
      rate: 4
    }
  },
  methods: {
    handleRemove (file, fileList) {
    },
    handlePictureCardPreview (file) {
      this.dialogImageUrl = file.url
      this.dialogVisible = true
    },
    handlePictureCardPreview2 (file) {
      this.dialogImageUrl2 = file.url
      this.dialogVisible2 = true
    },
    handlePictureCardPreview3 (file) {
      this.dialogImageUrl3 = file.url
      this.dialogVisible3 = true
    }
  }
}
</script>
